{% extends 'wxchat/wxbase.html' %}{% load static %}
{% block extra %}
<style>
    .claim_title{
        font-size: 14px;
        font-weight: bold;
        color: #190430;
    }
    .claim_content{
        font-size: 13px;
        color: #6C6C6C;
        margin-right: 20px;
        margin-left: 20px;
    }
    .badge{
        margin-left:8px;
        margin-right:8px;
    }
    .badge-bgcolor{
       background-color:  #4e9f78;
    }
    .weui-cells:before{
        border-top: 0px solid #e5e5e5;
    }
    .weui-btn_mini{
        min-width: 85px;
    }
    .weui-cell__bd a{
        color:  #4e9f78;
    }
</style>
{% endblock extra %}

 {% block container %}
     <div class="weui-panel weui-panel_access">
            <div class="weui-panel__hd">
                <div class="weui-flex">
                        <div class="weui-flex__item"><span class="title">中国人寿--安心养舒心版</span></div>

                        <div class="weui-flex__item"><a href="{% url 'dog-index' %}?next={{ request.get_full_path }}"><i class="icon iconfont icon-shouye2 pink r" ></i></a></div>
                 </div>
            </div>
     </div>
  <div class="weui-tab" id="tab">
     <div class="weui-navbar">
        <div class="weui-navbar__item">宠物投保</div>
        <div class="weui-navbar__item">保障计划</div>
        <div class="weui-navbar__item">理赔流程</div>
    </div>
    <div class="weui-tab__panel">
        <div class="weui-tab__content">
            {% include "petfoster/include/insurance_add.html" %}
        </div>
        <div class="weui-tab__content">
            {% include "petfoster/include/insurance_plan.html" %}
        </div>
        <div class="weui-tab__content">
             {% include "petfoster/include/claim_process.html" %}
        </div>
     </div>

  </div>
 {% endblock container %}
{% block bottomjs %}

    {{ block.super }}
    <script>
    $(function(){
        defIndex = sessionStorage.getItem('insurance');
        weui.tab('#tab',{
            defaultIndex: defIndex ==null?0:defIndex,
            onChange: function(index){
                 sessionStorage.setItem('insurance',index);
            }
        });
    });

    </script>
{% endblock bottomjs %}